<template>
  <div class="hello">
    <p>{{ msg }}</p>
  </div>
</template>

<script>
import { Toast } from "mint-ui";
export default {
  name: "HelloWorld",
  data() {
    return {
      msg: "Welcome to Your Vue.js App"
    };
  },
  methods: {
    show() {
      Toast({
        message: "提示",
        position: "bottom",
        duration: 1000
      });
    }
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.hello {
  padding-top: 40px;
}
</style>
